<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>柱状图</title>
		<script type="text/javascript" src="js/echarts.js" ></script>
	</head>
	<body>
		<div id="job" style="width: 600px;height: 400px;" >
		</div>
		<script>
			myCharts=echarts.init(document.getElementById("job"));  //获得div块,定义参数
			var option={     //var表示变量
				title:{
					text:'2018届各专业就业人数',
					subtext:'太原学院计算机系',
					left:'center'
				},
				tooltip:{},
				toolbox:{    //工具箱,在柱状图右上角
					show:true,
					feature:{
						mark:{show:true},
						dataView:{show:true,readOnly:false},
						magicType:{show:true,type:['line','bar']},
						restore:{show:true},
						saveAsImage:{show:true}
					}
				}, 
				xAxis:{          //x轴方向
					data:['计算机科学与技术','网络工程','软件工程','智能科学与技术']
				},
				yAxis:{ }, //y轴方向对应数字
					series:[
					{
						name:'就业数据',
						type:'bar',
						data:[700,300,550,1000]
					}
					]
			}; 
			myCharts.setOption(option);
		</script>
	</body>
</html>
